@charset "utf-8";

/*rem转换函数(默认设置为40px)*/

@function torem($px) {
    @return $px / 50px * 1rem;
}


/*基础全局样式*/

html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: torem(26px);
    color: #000;
    overflow: hidden;
}

a {
    color: #000;
    font-size: torem(16px);
    &:hover {
        color: orange;
    }
}

button {
    border: none;
}

img {
    vertical-align: top;
}


/*内容区布局*/

.g-box {
    width: torem(750px);
    height: torem(5200px);
    background: #be2c2d url(../image/bgt.jpg) no-repeat;
    background-size: contain;
    position: relative;
}

.g-about{
    width: torem(750px);
    height:torem(1500px);
    background-color:#ededef;
    position: relative;
    .m-about{
        
        img{
            display: block;
            width:torem(750px);
            height:torem(1350px);
        }   
    }
    .btn-go{
        position: absolute;
        bottom:0;
        width:torem(750px);
        height: torem(80px);
        line-height: torem(80px);
        font-size: torem(30px);
        background:#f00;
        color:#fff;
        text-align: center;
        font-weight: bold;
    }
}

.g-315{
    width: torem(750px);
    background-color:#fff;
    position: relative;
    .m-ab315{ 
        img{
            display: block;
            width:torem(750px);
            height:torem(1926px);
        }   
    }
    
}

.g-bd {
    overflow: hidden;
    position: absolute;
    top: torem(980px);
    left: 0;
    .m-you {
        li {
            padding: torem(30px) torem(50px);
            margin-top: torem(10px);
            width: torem(650px);
            height: torem(298px);
            background: url(../image/bg-you.png) no-repeat;
            background-size: contain;
            img {
                width: torem(280px);
                height: torem(280px);
                border-radius: torem(5px);
            }
            .you-con {
                float: right;
                width: torem(360px);
                h3 {
                    height: torem(80px);
                    font-size: torem(28px);
                    line-height: torem(40px);
                    color: #fff;
                }
                .you-tag {
                    margin: torem(20px) 0;
                    overflow: hidden;
                    span {
                        float: left;
                        width: torem(92px);
                        height: torem(30px);
                        background-color: #fed51b;
                        line-height: torem(30px);
                        font-size: torem(18px);
                        text-align: center;
                        color: #e63112;
                        border-radius: torem(5px);
                        margin-right: torem(16px);
                    }
                }
                .you-price {
                    color: #ffda16;
                    font-size: torem(28px);
                    padding-top: torem(10px);
                    margin-bottom: torem(20px);
                    span {
                        margin-left: torem(10px);
                    }
                    em {
                        margin-left: torem(18px);
                        font-size: torem(22px);
                        color: #fff;
                        text-decoration: line-through;
                    }
                }
                button {
                    float: right;
                    margin-right: torem(20px);
                    width: torem(180px);
                    height: torem(50px);
                    line-height: torem(50px);
                    background-color: #fed51b;
                    font-size: torem(24px);
                    line-height: torem(50px);
                    text-align: center;
                    color: #e63112;
                    border-radius: torem(5px);
                }
            }
        }
    }
    .u-tit2 {
        padding: torem(30px) 0;
        height: torem(72px);
        span {
            display: inline-block;
            margin: 0 torem(107px);
            width: torem(536px);
            height: torem(72px);
            text-indent: torem(-9999px);
            background: url(../image/tit2.jpg) no-repeat;
            background-size: contain;
        }
    }
    .g-rules {
        margin: torem(40px) torem(25px);
        height: torem(500px);
        position: relative;
        .rules-top {
            position: absolute;
            top: torem(-25px);
            left: torem(200px);
            width: torem(300px);
            height: torem(50px);
            border-radius: torem(25px);
            background: #fff;
            z-index: 1;
        }
        .m-rules {
            position: absolute;
            z-index: 2;
            background: #fff;
            padding: torem(0px) torem(30px);
            h2 {
                height: torem(60px);
                line-height: torem(60px);
                font-size: torem(30px);
                color: #1a18e4;
                text-align: center;
                border-bottom: torem(2px) dashed #666;
            }
            .rules-con {
                padding: torem(30px) 0;
                p {
                    font-size: torem(26px);
                    line-height: torem(34px);
                }
            }
        }
    }
}